body{width:950px;margin: 0 auto;background: url(../img/2.png) no-repeat center ;background-size: 950px 237px;position: relative}
.header{float: right;margin-top: 27px;margin-right: 42px;border: 1px solid #cbe0e7;border-radius: 4px;background: linear-gradient(#fff,#ecf3f6);}
.header>li{float: left;font-size: 14px;}
.header>li a{width: 63px;height: 32px;line-height: 32px;text-align: center;display: inline-block;color: #3a79cf;font-weight: bold}.header>li a:hover{background: linear-gradient(#ecf3f6,#fff)}
.header>li span{color: #e8eaeb}

.left{width:626px;background: #fff; border: 1px solid #b4d1ea;position: absolute;top: 106px;left: 0}
.left>li{height: 100px;width: 595px;margin: 0 auto;border-bottom: 1px solid #dedede;position: relative;margin-top: 14px}
.left>li:last-child{border: 0;height: 135px}
.left>li:first-child{margin-top: 35px}
.left>li img{width: 54px;height: 54px}
.left>li p{width: 54px;height: 54px;margin-top: 15px;background: url(../img/1.png) no-repeat;text-align: center;line-height: 54px;margin-left: 0px}
.left>li h1{height: 40px;line-height: 40px;position: absolute;width: 54px;text-align: center;color: #ff8400;top: 54px}
.left>li div{width: 517px;height: 100px;position: absolute;top: -3px;right: 0}
.left>li div h2{font-size: 14px;color: #3a79cf;}
.left>li div h3{color: #3a79cf;margin-top: 13px;}
.left>li div h4{line-height: 30px}
.left>li div h4 span{color: red;}

.nav{position: absolute;top: 115px;left: 440px;}
.nav>li:first-child{width: 98px;color: #000;}
.nav>li{float: left;margin-left: 5px;font-size: 12px;color: #000;width:20px;height: 20px ;text-align: center;line-height: 20px;color: #0d68c6;cursor: pointer}

.data{width: 300px;height: 157px;background: #e8f5fe;position: absolute;top: 106px;right: 0;border: 1px solid #b2d0ea}
.data input{width: 190px;height: 21px;border: 1px solid #dedede;background: #fff;margin-top: 15px;margin-left: 19px;text-indent: 5px;}
.data button{width: 57px;height: 21px;border: 1px solid #bad7fe;background: #3a79cf;color: #fff;margin-top: 15px;}
.data p{font-size: 14px;color: #3a79cf;line-height: 25px;margin-top: 5px;text-indent: 20px}

.friend{width: 300px;height: 275px;border: 1px solid #dedede;position: absolute;top: 274px;right: 0;border-radius: 8px;}
.friend h1{color: #0d68c6;font-size: 14px;height: 34px;line-height: 34px;text-indent: 12px;background:  linear-gradient(#efefef,#fff);}
.friend h1 i{float: right;margin-right: 10px}
.friend h1 b{color: #000;font-size: 12px}
ol{width: 300px;height: 275px;border: 1px solid #dedede;position: absolute;top: 565px;right: 0;border-radius: 8px;}
ol h1{color: #0d68c6;font-size: 14px;height: 34px;line-height: 34px;text-indent: 12px;background:  linear-gradient(#efefef,#fff);}ol h1 i{margin-left: 97px;}
ol h1 b{color: #000;font-size: 12px}
.right{width: 300px;height: 118px;border: 1px solid #dedede;position: absolute;top: 850px;right: 0;border-radius: 8px;background:  linear-gradient(#fff,#efefef);}
.right h1{margin-top: 14px;text-indent: 14px;}
.right h2{text-indent: 14px;line-height: 30px}
.right p{width: 279px;height: 31px;background: #fff;border: 1px solid #dedede ;margin-left: 12px;line-height: 31px;text-align: center}
.right a{line-height: 29px;margin-left: 14px;color: #3a79cf;text-decoration:underline }

.footer{position: absolute;top: 1350px;margin-bottom: 20px;margin-left: 220px}
.footer>li{float: left;}
.footer>li a{padding: 0 10px;color: #000}
















